import React, { Component } from 'react'
//import { login } from '../store/actions/user.js';
import { connect } from 'react-redux';
import { BrowserRouter as Router, Redirect, Route, NavLink, Switch } from 'react-router-dom';

class Login extends Component{
	    constructor(props) {
	        super(props);
	    }
		render(props) {
    return (
	
        <div style={{textAlign:"center"}}
        >
            <div style={{margin:'50px'}}><i className='iconfont icon-taobao' 
            style={{color: '#73C1F3',
            height:'50px',
            width:'50px',
            margin:'50px',
            fontSize:'40px'}}></i></div>
            <div style={{margin:'20px'}}><input type="text" placeholder="昵称"
            style={{height:'40px',
            width:'300px',
            border:'2px solid #73C1F3',
            borderRadius:'10px'}}/></div>
            <div style={{margin:'20px'}}><input type="password" placeholder="请输入登录密码"
             style={{height:'40px',
             width:'300px',
             border:'2px solid #73C1F3',
             borderRadius:'10px'}}/></div>,
			 <NavLink to={{pathname:'/Home'}}>
				<button style={{height:'50px',
				 width:'300px',
				 backgroundColor:'#73C1F3',
				 borderRadius:'10px'}}  
				 onClick={() => this.props.history.push('/Home')}
				 >登录</button>
			</NavLink>
        </div>
    )}
}


//export default connect(null, { login })(Login)
export default Login;